{extend name="commo/base2" /}
{block name="title"}
ajax json 向服务器传值
	{/block}


{block name="content"}
 index9/index ajax
 <form method="post" class="layui-form">
	<input name="username" placeholder="用户名" type="text" lay-verify="required" class="layui-input">
	<hr class="hr15">
	<input name="password" lay-verify="required" placeholder="密码" type="password" class="layui-input">
	<hr class="hr15">
	<input value="登录" lay-submit lay-filter="login" style="width:100%;" type="button" id="loginbtn">
	<hr class="hr20">
</form>
<hr/>
<div style="background-color: burlywood">
代码区
{literal}
<pre>
<span style="color:red">html 部分</span>

&lt;form method="post" class="layui-form"&gt;
	&lt;input name="username" placeholder="用户名" type="text" lay-verify="required" class="layui-input"&gt;
	&lt;hr class="hr15"&gt;
	&lt;input name="password" lay-verify="required" placeholder="密码" type="password" class="layui-input"&gt;
	&lt;hr class="hr15"&gt;
	&lt;input value="登录" lay-submit lay-filter="login" style="width:100%;" type="button" id="loginbtn"&gt;
	&lt;hr class="hr20"&gt;
&lt;/form&gt;

<span style="color:red">js部分</span>
&lt;script&gt;
	$(function () {
		$("#loginbtn").on('click', function () {    //当id 被点击时
			$.ajax({                     //ajax从表单获得多个参数，要序列化 再传给服务器
				type: 'post',
				url: "{:url('index9/index2')}",
				data: $(".layui-form").serialize(),  //从表单获得多个数据 并序列化.serialize()
				dataType: "json",
				success: function (data) {
					// console.log(data);
					if (data.status == 1) {
						alert(data.message);
					//	window.location.href = "{:url('index/index')}"  // js跳转
					} else {
						alert(data.message);
					//	window.location.href = "{:url('login/index')}"  // js跳转
					}
				}
				//上面 关闭success
			})
		})
	})
&lt;/script&gt;

<span style="color:red">pho部分</span>
if( var_export($request -> isAjax(),true)){
	//获取提交的数据 自动过滤空值array_filter
	$data = array_filter($request->param());
	//用于测试 是否沟通
	$data = ['status'=>1,'message'=>$data];
	//用于记录ajax 传来的值  记录位置在 E:\xampp\tmp
	Session::set('member_updata',$data);
 }else{
  $data = ['status'=>1,'message'=> '失败'];
 }


return json($data);



</pre>
{/literal}
</div>
<hr/>



<script>
	$(function () {
		$("#loginbtn").on('click', function () {    //当id 被点击时
			$.ajax({                     //ajax从表单获得多个参数，要序列化 再传给服务器
				type: 'post',
				url: "{:url('index9/index2')}",
				data: $(".layui-form").serialize(),  //从表单获得多个数据 并序列化.serialize()
				dataType: "json",
				success: function (data) {
					// console.log(data);
					if (data.status == 1) {
						alert(data.message);
					//	window.location.href = "{:url('index/index')}"  // js跳转
					} else {
						alert(data.message);
					//	window.location.href = "{:url('login/index')}"  // js跳转
					}
				}
				//上面 关闭success
			})
		})
	})
</script>



{/block}